//每一个小仓库需要有四样:state|mutations|actions|getters
import { reqSearchList } from "@/api";
const state = {
    //用户搜索的数据：品牌、商品属性、商品数据等等.....
    searchList: {}
};
const mutations = {
    GETGOODSLIST(state, searchList) {
        state.searchList = searchList;
    }
};
const actions = {
    //根据搜索条件获取服务器搜索相关数据
    //actions:context上下文 payload[载荷]:data->即为用户搜索条件
    async getGoodsList({ commit, state, dispatch, getters }, data) {
        //data:用户搜索的条件，请求体携带参数 最多十个K
        let result = await reqSearchList(data);
        if (result.code == 200) {
            commit("GETGOODSLIST", result.data)
        }
    }
};
//getter:理解为计算属性
//项目中作用:简化数据
const getters = {
    //计算出品牌的数据
    trademarkList(){
        return state.searchList.trademarkList;
    },
    //平台属性简化数据
    attrsList(){
        return state.searchList.attrsList;
    },
    //商品的数据
    goodsList(){
        return state.searchList.goodsList;
    }
};

// 暴露小仓库
export default  {
   state,
   mutations,
   actions,
   getters
}